<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body ng-app="MyApp">
<!--
1. 使用Angular表达式:
  * 语法: {{expression}}
  * 作用: 显示表达式的结果数据
  * 注意: 表达式中引用的变量必须是当前域对象有的属性(包括其原型属性)
2. 操作的数据
  * 基本类型数据: number/string/boolean
  * undefined, Infinity, NaN, null解析为空串: "", 不显示任何效果
  * 对象的属性或方法
  * 数组
-->
<div ng-controller="MyCtrl">
<!--  基本类型的就会直接显式，不会存储在$scope的model中-->
  {{123}}
  {{'abc'}}
  {{true}}
  {{undefined}}
<!--  对于变量，会在$scope中找对应的属性，找到就会显示-->
  {{abc}}
<!--  对于$scope没有的属性，返回的就是undefined，而undefined就是没有任何效果-->
  {{abd}}
  {{abc.split('').reverse().join('')}}
</div>

<script type='text/javascript' src="../../js/angular-1.5.5/angular.js"></script>
<script type="text/javascript">
    angular.module('MyApp',[])
      .controller('MyCtrl',['$scope',function (aaa) {
        aaa.abc = 'abc'
      }])
</script>


</body>

</html>